<template>
  <view class="vin-comment-bottom">
    <view @click="handleClick" class="vin-comment-bottom__lable">
      <span v-if="type != 'complex'">{{ info.size }}</span></view
    >

    <view class="vin-comment-bottom__cpx">
      <template v-for="(name, i) in mergeOp" :key="i">
        <view
          :class="['vin-comment-bottom__cpx-item', `vin-comment-bottom__cpx-item--${name}`]"
          @click="operate(name)"
        >
          <template v-if="name != 'more'">
            <span>{{ info[name] }}</span>
            <vin-icon :name="name == 'like' ? 'fabulous' : 'comment'"></vin-icon>
          </template>
          <template v-if="name == 'more'">
            <vin-icon name="more-x"></vin-icon>
            <view
              class="vin-comment-bottom__cpx-item-popover"
              v-if="showPopver"
              @click="operate('popover')"
              >{{ translate('complaintsText') }}</view
            >
          </template>
        </view>
      </template>
    </view>
  </view>
</template>
<script>import s from './index.js';export default s;</script>